import Vue from 'vue';
import VueRouter from 'vue-router';
import App from 'views/app';
import index from 'views/index/index.vue';
import aboutTopeer from 'views/about/about.vue';
import aboutPosition from 'views/about-position/about-position.vue';
import aboutIntro from 'views/about-intro/about-intro.vue';
import production from 'views/production/production.vue';
import advance from 'views/production-advance/production-advance.vue';
import market from 'views/production-market/production-market.vue';
import shopaddr from 'views/shop-addr/shop-addr.vue';
import newslist from 'views/news-list/news-list.vue';

import 'css/base.css';

Vue.use(VueRouter);

const router = new VueRouter({
    mode: 'history',
    routes: [{
        name: 'index',
        path: '/',
        component: index,
    }, {
        name: 'about',
        path: '/about',
        component: aboutTopeer,
    }, {
        name: 'about-position',
        path: '/about/position',
        component: aboutPosition,
    }, {
        name: 'about-intro',
        path: '/about/intro',
        component: aboutIntro,
    }, {
        name: 'production',
        path: '/production',
        component: production,
    }, {
        name: 'production-advance',
        path: '/production/advance',
        component: advance,
    }, {
        name: 'production-market',
        path: '/production/market',
        component: market,
    }, {
        name: 'shopaddr',
        path: '/shopaddr',
        component: shopaddr,
    }, {
        name: 'newslist',
        path: '/newslist',
        component: newslist,
    }]
});

new Vue({
    el: document.getElementById('app'),
    router,
    ...App,
});
